import { Image } from "expo-image";
import { ImageSourcePropType, StyleSheet } from "react-native";

type Props = { // 通过type Props定义了一个props
    source: ImageSourcePropType,
    selectedImage?: string | undefined, // 这个可选的图片不是必选的, 所以用?: 这里定义泛型, 反而不需要<>括号
}

export default function ImageViewer({ source, selectedImage }: Props) {

    const iamgeSource = selectedImage ? { uri: selectedImage } : source // 这个地方当selectedImage为真时, 这个变量是个对象

    return (
        <Image source={iamgeSource} style={styles.iamge}></Image>
    );
}

const styles = StyleSheet.create({
    iamge: {
        width: 320,
        height: 440,
        borderRadius: 18
    }
});